<template>
  <header>
  <div class="wrapper">
      <nav>
        <RouterLink to="/">Home</RouterLink>
        <RouterLink to="/about">About</RouterLink>
        <RouterLink to="/demo1View">Demo1</RouterLink>
        <RouterLink to="/demo2View">Demo2</RouterLink>
        <RouterLink to="/demo3View">Demo3</RouterLink>
        <RouterLink to="/demo4View">Demo4</RouterLink>
      </nav>
    </div>
  </header>

  <RouterView />
</template>

儿童和突然

<script setup lang="ts">
import { RouterLink, RouterView } from 'vue-router'
import HelloWorld from './components/HelloWorld.vue'
</script>



<style scoped>
  a{
    margin: 0 10px;
  }
</style>
